<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>layui</title>
    <link rel="stylesheet" href="layui/css/layui.css" />
    <link rel="stylesheet" href='layuitest.css' />
    <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
    <style>

    </style>
</head>
<body >

<div class="layui-row">
    <div class="layui-col-md2 layui-col-xs2 layui-col-sm2 layui-col-lg2 ">
        <p style="padding-top: 17px">Let's GO</p>
    </div>
    <div class="layui-col-md2 layui-col-xs2 layui-col-sm2 layui-col-lg2" >
        <ul class="nav-list">
            <li  style="background: black" ><a href="./pos.html" id="ta"><p class="layui-nav-font" style="color: #dddddd;">主页</p></a></li>
            <li  ><a href="./pos.html"><p class="layui-nav-font" style="color: #dddddd;">商品列表</p></a></li>
        </ul>
    </div>
    <div class="layui-col-md2 layui-col-xs2 layui-col-sm2 layui-col-lg2 layui-col-md-offset6 layui-col-xs-offset6 layui-col-sm-offset6 layui-col-lg-offset6" >
        <p id="cart">购物车(0)</p>
    </div>
</div>
<div class="content">
    <div class="main-text"><p id="text">Welcome to Let's Go!</p>
        <p id="text-artical">商店里进行购物结算时会使用收银机（POS）系统，这台收银机会在结算时根据客户的购物车（Cart）中的商品（Item）
            和商店正在进行的优惠活动（Promotion）进行结算和打印购物清单。
            已知该商店正在对部分商品进行“买三送一”的优惠活动，即买三件商品其中一件是送的，按照两件商品价格结算。</p>
        <div class="layui-btn layui-btn-normal"><a href="list.html"><p id="button-font">Let's GO!</p></a></div>
    </div>
</div>


<script src="layui/layui.js" charset="utf-8"></script>
  <script>
  </script>
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
</body>
</html>